*{
    margin: 0;
    padding: 0;}/* 先重置一下html，消除HTML标签默认的内外边距 */

html,body{overflow-x: hidden;} /*去除滚动条*/

header{position: sticky;
    left: 0;
    top: 0;}

                                    /*页眉部分*/
.header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.35rem;
    background-color: #68cdd5;
}

.employer{
    border-radius: 7px;
    background-color:#55a8b3;
    color:#d4e9ec;
    letter-spacing: 0.85px;           /*空白间距*/
    padding: 8px 18.5px 8px 10.5px;}
.care{position: relative;
    right: 10px;
    letter-spacing: 0.85px;
    background-color: #ffffff;
    color: #68cdd5;
    border-radius: 7px;
    padding: 8px 10.5px 8px 10.5px;}
 .place{
     background-image: url("positioning.gif") ;
     background-size: 21.5px 21.5px;
     background-repeat: no-repeat;
     width: 21.5px;height: 23.5px;
     position: absolute;
     right:1rem;  top:1.2rem }

                            /*二级菜单部分*/

.level{display:flex; background-color: white;}

.level-one{text-align: center;}
.location-once{display: inline-block;
    width: 100%;line-height:2.55rem;
    border-right:1px solid  #e1e5e7;
    border-bottom: 1px solid #e1e5e7;
    background-image: url("xbh.gif");
    background-size:auto;
    background-repeat: no-repeat;
    background-position:93% center;}




nav .level>li{width: 100%;
    font-size: 14.63px;}
ul,li{list-style: none; }
nav .level>li a{color: black;}  /*二级菜单字体颜色*/

nav .two{display: none; /* 先使二级菜单的内容隐藏 */
    position: absolute;
    width:33.3%;}
.two .text{padding-top:0.2rem;
    background-color:white;}
nav .level>li a:hover{color:black;}  /* 设置鼠标滑过后的样式 */
nav .level>li:hover .two{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */

a{text-decoration-line: none;}   /* 去掉默认a标签的下划线 */

nav .level>li .location-once{color:#999999;}


/*.double{height: 6rem;}*/

                 /*主体部分*/
.container{padding-left:0.75rem; border-bottom: 1px solid #e1e5e7;}
.date-text{padding-top:0.65rem;font-size: 14px;
    display: flex;color:#acacac;}
.calender{background-image: url("jsb.gif");
    background-repeat: no-repeat;
    background-size:15px 15px;
    background-position: 0 1.8px;
    width: 25px;height: 25px;}

.center{padding:0.20rem 0 0.10rem 0;
    display: flex; }
.time{overflow: hidden;white-space: nowrap;
    padding-left: 1.6rem;
    text-overflow:ellipsis;flex: 1;
    font-size: 14px;}

.price{padding-right:0.75rem;
    font-size: 15px;color: #e63b0e;}

.symbol{background-image: url("dyh.gif");
    background-repeat: no-repeat;
    background-size:15px 15px;
    background-position:-2px center;
    width:25px ;height: 25px;}

.bottom{padding-bottom:0.55rem;
    font-size: 14px;display: flex;
    color:#acacac;}

.place-two{background-image: url("dw2.gif");
    background-repeat: no-repeat;
    background-size:15px 15px;
    background-position: 0 1.8px;
    width: 25px;height: 25px;}

.implicit{margin-bottom: 10rem;}

               /*页脚部分*/

footer{display: flex;
    justify-content:space-around;
    height: 4rem;  position:fixed;
    bottom: 0; left: 0;right: 0;
    background-color: white;}

#left{padding-left: 3.5rem;}

.house{background-image: url("housing.gif");
    background-repeat: no-repeat;
    background-size:29px 28px ;
    background-position: center 7.3px;
    width: 46px; height: 40px;
    }

#left p{text-align: center;
    font-size: 12px;
    padding-top:2px; color: #5fc0cd;}


.middle{background-image: url("pencil.gif");
    background-repeat: no-repeat;
    background-position:top center;
    background-size:60px 60px ;
    width: 94px; height: 94px;}

#right{padding-right:3.5rem;}

.figure{background-image: url("figure.gif");
    background-repeat: no-repeat;
    background-size:26px 26px;
    background-position: center 7.3px;
    width: 42px; height: 41px;}

#right p{text-align: center;font-size: 12px;
    color: #999999;}